<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-study</title>
    <script src="./js/vue.js"></script>
  </head>
  <body>


  	<div id="todo-list-example">
  	  <input
  	    v-model="newTodoText"
  	    v-on:keyup.enter="addNewTodo"
  	    placeholder="Add a todo"
  	  >
  	  <ul>
  	    <li
  	      is="todo-item"
  	      v-for="(todo, index) in todos"
  	      v-bind:title="todo"
  	      v-on:remove="todos.splice(index, 1)"
  	    ></li>
  	  </ul>
  	</div>

</body>
	<script src="./js/to-do-list.js"></script>
</html>
